// pages/category/category.js
let {
  getCategoryData
} = require("../../api/category")
Page({

  /**
   * 页面的初始数据
   */
  data: {
    itemIndex: 1,
    itemIndex1: 0,
    lists: [],
    category_list: [],
    topNav: null
  },
  // 切换效果
  setItem(event) {
    // console.log(event.currentTarget.dataset);
    let index = event.currentTarget.dataset.index;
    let id = event.currentTarget.dataset.id;
    this.setData({
      itemIndex: index,
    })
    this.getRight(id)
  },

  setItem1(event) {
    // console.log(event.currentTarget.dataset);
    let {
      // lists,
      // itemIndex,
      category_list,
    } = this.data;
    let index = event.currentTarget.dataset.index;//点击的横条的下标
    console.log(index)
    console.log(category_list); //9条数据

    // 高度 组的长度*78
    // 组的长度 需要组内 category_list 的下标 =>> 2 + index*2

    // console.log(category_list[index * 2 + 2]);

    // 点击的位置的下标
    //iiiii=9条数据中点击的这条数据对应的标题的下标
    let iiiii = index * 2 + 1;//点第一个横条index是0，0*2+1+1，这就是横条的下标
    console.log(iiiii);

    // 遍历下标位置前面所有的标题和组
    let sum = 0;//定义个空的高度
    // 每次点进来就遍历,重新计算应该滑动的高度
    for (let i = 1; i < iiiii; i++) {//遍历，从1开始是不要遍历长图，到标题的长度结束
      // 先加标题高度
      sum += 20.8;//先加标题的高度
      // 当前的下标位置在标题 再加一才到组
      i += 1;
      // 再加上组的高度
      // 长度=9条数据的商品组里面的商品总数
      let len = category_list[i].body.product_list.length;
      // 每条商品数据高度是85
      // 数据加起来
      sum += len * 85;
    }

    console.log(sum);

    // // 组的长度 
    // let len = category_list[index * 2 + 2].body.product_list.length;
    // console.log(len);

    //滑动距离
    // let jvli = 22.8+len * 62
    // console.log(jvli)


    this.setData({
      itemIndex1: index,
      // 30+275*长度
      huadong: sum
    })
  },


  getRight(id) {
    getCategoryData({
      cat_id: id
    }).then(data => {
      let listsData1 = data.data; //15条数据
      console.log(listsData1);
      let topNav = listsData1[0].category_list.filter((item) => item.view_type == 'category_title');

      this.setData({
        category_list: listsData1[0].category_list,
        topNav
      })
      console.log(this.data.topNav, this.data.category_list);
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    getCategoryData().then(data => {
      let listsData = data.data;
      console.log(listsData);
      console.log(listsData[1].category_list[8].body.items) //flex布局商品
      console.log(listsData[1].category_list[8].body.items[0].action.path)
      let topNav = listsData[1].category_list.filter((item) => item.view_type == 'category_title');

      this.setData({
        lists: listsData,
        category_list: listsData[this.data.itemIndex].category_list,
        topNav
      })
      // console.log(this.data.topNav);
    })
    this.getRight(-1)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})